<template>
  <div>
    <HeadNavTwo><span>我的收藏</span></HeadNavTwo>
    <List :listData='info'/>
  </div>
</template>

<script>
import HeadNavTwo from '../../components/HeadNavTwo'
import List from '../../components/List'
import { mapState } from 'vuex'
export default {
  name:'Mycollect',
  data(){
    return{
      itemData:[],
      

    }
  },
  components:{
    HeadNavTwo,
    List
  },
  computed:{
    ...mapState('scModule',{
      info:state=>state.info
    })
  },
  mounted(){
    console.log(this.info[0]);
    // (this.itemData).unshift(this.info[0])
  }
}
</script>

<style scoped>
ul{
  width:100%;
  
   
}
ul li{
  float: left;
 
}
 ul li:nth-child(1){
  width:19px;
margin-left: 2%;
margin-top:2%;

 }
 ul li:nth-child(2){
   margin-left: 37%;
margin-top:2%;
 font-size: 19px;
 
 }

</style>